<div id="main-content">
    <div class="container">
        <div class="row">
            <div id="content" class="col-lg-12">
                <!-- PAGE HEADER-->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-header">
                            <!-- STYLER -->

                            <!-- /STYLER -->
                            <!-- BREADCRUMBS -->
                            <ul class="breadcrumb">
                                <li>
                                    <i class="fa fa-home"></i>
                                    <a href="index.html">Home</a>
                                </li>
                                <li>
                                    <a href="#">约</a>
                                </li>
                                <li>短信</li>
                            </ul>
                            <!-- /BREADCRUMBS -->
                            <div class="clearfix">
                                <h3 class="content-title pull-left">短信</h3>
                            </div>
                            <div class="description">接受好友站内信同时可以发送信息给好友</div>
                        </div>
                    </div>
                </div>
                <!-- /PAGE HEADER -->
                <!-- FAQ -->
                <div class="row">
                    <!-- NAV -->
                    <div id="list-toggle" class="col-md-2">
                        <div class="list-group">
                            <a class="{{currentMessageState==1?'list-group-item active':'list-group-item'}}" ng-click="messageStateChange(1)"><i class="fa fa-suitcase"></i>写信</a>
                            <a class="{{currentMessageState==2?'list-group-item active':'list-group-item'}}" ng-click="messageStateChange(2)"><i class="fa fa-tags"></i>收件箱</a>
                            <a class="{{currentMessageState==3?'list-group-item active':'list-group-item'}}" ng-click="messageStateChange(3)"><i class="fa fa-user"></i> 已发送</a>
                            <a class="{{currentMessageState==4?'list-group-item active':'list-group-item'}}" ng-click="messageStateChange(4)"><i class="fa fa-sitemap"></i>组织邮件</a>
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div data-ui-view="MessageShow"></div>
                    </div>
                </div>
            </div>
            <!-- /CONTENT -->
        </div>
        <!-- /FAQ -->
        <div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
        </div>
    </div><!-- /CONTENT-->
</div>
